﻿<!DOCTYPE html>
<html>
<head>
	<title>快件e栈服务平台</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<link href="css/normalize.css" type="text/css" rel="stylesheet" />
	<link href="css/main.css" type="text/css" rel="stylesheet" />
	<script src="js/jquery.min.js" type="text/javascript"></script>
	<script src="js/notice.js"  type="text/javascript"></script>
	<script src="js/common.js" type="text/javascript"></script>
	<script src="/admin/layer/layer.js"></script>
</head>
<body>
<div class="content">
	<div class="top autoH">
		<div class="logo autoH">
			<img src="images/logo.png" width="100%">
		</div>
	</div>
	<div class="middle">
		<form id="theForm">
			<div class="forminput">
				<input type="text" id="expressNum" name="expressNum" placeholder="请输入快递单号...">
				<input id="PageContext" type="hidden" value="${pageContext.request.contextPath}" />
				<div class="submBtn"></div>
			</div>
		</form>
	</div>
	<div class="funContdiv">
		<div class="funCont">
			<div class="userFun">
				<p class="funIcon userFunColor1"></p>
				<p class="funTxt">个人中心</p>
			</div>
			<div class="userFun">
				<p class="funIcon userFunColor2"></p>
				<p class="funTxt">懒人排行</p>
			</div>
			<div class="userFun">
				<p class="funIcon userFunColor3"></p>
				<p class="funTxt">取货二维码</p>
			</div>
			<div class="userFun">
				<p class="funIcon userFunColor4"></p>
				<p class="funTxt">我的快件</p>
			</div>
			<div class="userFun" id="userFun5">
				<p class="funIcon userFunColor5"></p>
				<p class="funTxt">快递助手</p>
			</div>
			<div class="userFun">
				<p class="funIcon userFunColor6"></p>
				<p class="funTxt">退出登录</p>
			</div>
		</div>
	</div>
	<div class="expUserInfoCont" id="expUserInfoCont">

    </div>

</div>

</body>

<script type="text/javascript">
    var isUser;
    var userPhone;
    $(function(){
        $.getJSON("/wx/userInfo.do",null,function(data){
            //{status:0/1,result:手机号}
            userPhone = data.result;
            if(data.status == 0){
                isUser = true;
                $("#userFun5").hide();
            }else{
                isUser = false;
            }
            //layer.msg("欢迎您:"+userPhone);
        });
    });

    $(function(){
        var pageContextVal = $("#PageContext").val();
        $(".userFun").click(function(){
            var clickNum = $(this).index();
            switch(clickNum){
                //个人中心
                case(0):
                    window.location.href= "wxUserhome.html";
                    break;
                case(1):
                    window.location.href= "lazyboard.html";
                    break;
                case(2): window.location.href= "/wx/createQRCode.do?type=user"; break;
                case(3): window.location.href= "expressList.html"; break;
                case(4): window.location.href= "expressAssist.html"; break;
                case(5):
                    //1.	告知服务器
                    $.getJSON("/wx/logout.do",null,function(data){
                        window.location.href= "login.html";
                    });
                    break;
            }
        });

        var initFunc = function(){
            var windowH = $(document).height();
            var windowW = $(document).width();

            $(".content").css({"height": windowH+"px"});

            var contentW = $(".content").width();
            var contentH = $(".content").height();

            var contH = windowH / 3;
            $(".autoH").css({"height": contH+"px"});

            // userFunH  content
            var middleH = $(".middle").height() + 40;
            var userFunH = contentH - contH - middleH - 30 -20; //footer,userfun(margin)
            $(".funContdiv").css({"height":userFunH+"px"});

            var funIconH = $(".funIcon").width();
            $(".funIcon").css({"height": funIconH+"px","line-height": funIconH+"px","border-radius": funIconH/2 +"px","font-size":funIconH/2 +"px"});

        };

        initFunc();

        $(window).resize(function(){
            initFunc();
        });

        // input focus
        $(".middle .forminput input").focus(function(){
            $(".middle .forminput").css({"border":"1px solid rgba(31,114,255,.75)","box-shadow":"0 0 8px rgba(31,114,255,.5)"});
        });

        // input blur
        $(".middle .forminput input").blur(function(){
            $(".middle .forminput").css({"border":"1px solid #333333","box-shadow":"none"});
        });

        //submit arrow
        $(".submBtn").click(function(){
            var windowId = layer.load();
            var number = $("#expressNum").val();
            $.getJSON("/wx/findExpressByNumber.do",{number:number},function(data){
                layer.close(windowId);
                layer.msg(data.result);
                if(data.status == 0){
                    $("#expUserInfoCont").html("");
                    var express = data.data;
                    console.log(express);
                    var item = "<div class=\"expInfoCont status1\">\n" +
                        "\t\t\t<table>\n" +
                        "\t\t\t\t<tr>\n" +
                        "\t\t\t\t\t<td>快递公司：</td><td>"+express.company+"</td>\n" +
                        "\t\t\t\t</tr>\n" +
                        "\t\t\t\t<tr>\n" +
                        "\t\t\t\t\t<td>快递单号：</td><td>"+express.number+"</td>\n" +
                        "\t\t\t\t</tr>\n" +
                        "\t\t\t\t<tr>\n" +
                        "\t\t\t\t\t<td>到件时间：</td><td>"+express.inTime+"</td>\n" +
                        "\t\t\t\t</tr>\n" +
                        "\t\t\t\t<tr>\n" +
                        "\t\t\t\t\t<td>快递状态：</td><td>"+express.status+"</td>\n" +
                        "\t\t\t\t</tr>\n" +
                        "\t\t\t\t<tr>\n" +
                        "\t\t\t\t\t<td>取件码：</td><td>"+express.code+"</td>\n" +
                        "\t\t\t\t</tr>\n" +
                        "\t\t\t</table>\n" +
                        "\t\t\t<div class=\"btns\">\n" +
                        "\t\t\t</div>\n" +
                        "\t\t</div>";
                    $("#expUserInfoCont").append($(item));
                }
            });
        });
    });
</script>
</html>